<script lang="ts" setup>
import { ref } from 'vue';

import { TabPane, Tabs } from 'ant-design-vue';

import Attribute from './attribute.vue';
import Information from './information.vue';

const upactiveKey = ref('1');
</script>
<template>
  <div class="upstream">
    <div class="operation">
      <Tabs v-model:active-key="upactiveKey">
        <TabPane key="1" tab="属性上报"><Attribute /></TabPane>
        <TabPane key="2" tab="自定义Topic"><Information /></TabPane>
      </Tabs>
    </div>
  </div>
</template>
<style lang="scss" scoped>
.upstream {
  width: 100%;
}
</style>
